﻿<!DOCTYPE html>
<html>
  <head>
    <title>01_02 01详细展示</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/01_02_01详细展示/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/01_02_01详细展示/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (iPhone8) -->

      <!-- Unnamed (组合 ) -->
      <div id="u4085" class="ax_default" data-left="0" data-top="0" data-width="436" data-height="888">

        <!-- Unnamed (图片 ) -->
        <div id="u4086" class="ax_default image">
          <img id="u4086_img" class="img " src="images/01_首页_用户/u2.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u4087" class="ax_default image">
          <img id="u4087_img" class="img " src="images/01_首页_用户/u3.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u4088" class="ax_default image">
          <img id="u4088_img" class="img " src="images/01_首页_用户/u4.png"/>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u4089" class="ax_default image">
          <img id="u4089_img" class="img " src="images/01_首页_用户/u5.png"/>
        </div>
      </div>

      <!-- Unnamed (热区) -->
      <div id="u4090" class="ax_default">
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u4091" class="ax_default box_2">
        <div id="u4091_div" class=""></div>
      </div>

      <!-- 遮罩层 (动态面板) -->
      <div id="u4092" class="ax_default" data-label="遮罩层">
        <div id="u4092_state0" class="panel_state" data-label="顶层" style="">
          <div id="u4092_state0_content" class="panel_state_content">

            <!-- Main (动态面板) -->
            <div id="u4093" class="ax_default" data-label="Main">
              <div id="u4093_state0" class="panel_state" data-label="内容展示" style="">
                <div id="u4093_state0_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u4094" class="ax_default box_1">
                    <div id="u4094_div" class=""></div>
                    <div id="u4094_text" class="text ">
                      <p style="font-size:13px;"><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;font-size:16px;">菜品里有苍蝇</span></p><p style="font-size:12px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;color:#CCCCCC;">2018.05.21 16:51:37</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (组合 ) -->
                  <div id="u4095" class="ax_default" data-left="0" data-top="69" data-width="375" data-height="140">

                    <!-- Unnamed (矩形) -->
                    <div id="u4096" class="ax_default box_1">
                      <div id="u4096_div" class=""></div>
                    </div>

                    <!-- Unnamed (组合 ) -->
                    <div id="u4097" class="ax_default" data-left="17" data-top="79" data-width="173" data-height="120">

                      <!-- Unnamed (矩形) -->
                      <div id="u4098" class="ax_default label">
                        <div id="u4098_div" class=""></div>
                        <div id="u4098_text" class="text ">
                          <p><span>投诉编号：</span></p><p><span>投诉类型：</span></p><p><span>联系人：</span></p><p><span>联系电话：</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u4099" class="ax_default label">
                        <div id="u4099_div" class=""></div>
                        <div id="u4099_text" class="text ">
                          <p><span>102329813226</span></p><p><span>商品质量问题</span></p><p><span>马小姐</span></p><p><span>13888888888</span></p>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (组合 ) -->
                  <div id="u4100" class="ax_default" data-left="0" data-top="208" data-width="375" data-height="190">

                    <!-- Unnamed (矩形) -->
                    <div id="u4101" class="ax_default box_1">
                      <div id="u4101_div" class=""></div>
                    </div>

                    <!-- Unnamed (组合 ) -->
                    <div id="u4102" class="ax_default" data-left="17" data-top="218" data-width="345" data-height="165">

                      <!-- Unnamed (矩形) -->
                      <div id="u4103" class="ax_default label">
                        <div id="u4103_div" class=""></div>
                        <div id="u4103_text" class="text ">
                          <p><span>问题说明：</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u4104" class="ax_default _文本段落">
                        <div id="u4104_div" class=""></div>
                        <div id="u4104_text" class="text ">
                          <p><span>我在内江开口香快乐凉粉和平桥店，点了两份菜品，一份快乐凉粉、一份回锅肉，菜吃到一半，居然发现回锅肉里有半只苍蝇，一想到这里我就恶心的要死，我要求老板赔偿我精神损失费一千块，老板居然说我无理取闹，还让店员把我给轰了出来。就这态度已经不是1千块能解决的事了，要投诉！和他们抗争到底。</span></p>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (水平线) -->
                  <div id="u4105" class="ax_default line">
                    <img id="u4105_img" class="img " src="images/04_01_03回复意见/u2333.png"/>
                  </div>

                  <!-- Unnamed (组合 ) -->
                  <div id="u4106" class="ax_default" data-left="-16" data-top="397" data-width="412" data-height="187">

                    <!-- Unnamed (组合 ) -->
                    <div id="u4107" class="ax_default" data-left="0" data-top="397" data-width="375" data-height="160">

                      <!-- Unnamed (矩形) -->
                      <div id="u4108" class="ax_default box_1">
                        <div id="u4108_div" class=""></div>
                      </div>

                      <!-- Unnamed (水平线) -->
                      <div id="u4109" class="ax_default line">
                        <img id="u4109_img" class="img " src="images/04_01_03回复意见/u2333.png"/>
                      </div>
                    </div>

                    <!-- Unnamed (组合 ) -->
                    <div id="u4110" class="ax_default" data-left="-16" data-top="414" data-width="412" data-height="40">

                      <!-- Unnamed (组合 ) -->
                      <div id="u4111" class="ax_default" data-left="-16" data-top="414" data-width="136" data-height="40">

                        <!-- Unnamed (组合 ) -->
                        <div id="u4112" class="ax_default" data-left="-16" data-top="414" data-width="136" data-height="12">

                          <!-- Unnamed (椭圆形) -->
                          <div id="u4113" class="ax_default ellipse">
                            <img id="u4113_img" class="img " src="images/04_01_03回复意见/u2337.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u4114" class="ax_default line">
                            <img id="u4114_img" class="img " src="images/04_01_03回复意见/u2338.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u4115" class="ax_default line">
                            <img id="u4115_img" class="img " src="images/04_01_03回复意见/u2338.png"/>
                          </div>
                        </div>

                        <!-- Unnamed (矩形) -->
                        <div id="u4116" class="ax_default label">
                          <div id="u4116_div" class=""></div>
                          <div id="u4116_text" class="text ">
                            <p><span>双方和解中</span></p>
                          </div>
                        </div>
                      </div>

                      <!-- Unnamed (组合 ) -->
                      <div id="u4117" class="ax_default" data-left="120" data-top="414" data-width="138" data-height="40">

                        <!-- Unnamed (矩形) -->
                        <div id="u4118" class="ax_default label">
                          <div id="u4118_div" class=""></div>
                          <div id="u4118_text" class="text ">
                            <p><span>三方调解中</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (组合 ) -->
                        <div id="u4119" class="ax_default" data-left="120" data-top="414" data-width="138" data-height="12">

                          <!-- Unnamed (椭圆形) -->
                          <div id="u4120" class="ax_default ellipse">
                            <img id="u4120_img" class="img " src="images/04_01_03回复意见/u2337.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u4121" class="ax_default line">
                            <img id="u4121_img" class="img " src="images/04_01_03回复意见/u2338.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u4122" class="ax_default line">
                            <img id="u4122_img" class="img " src="images/04_01_03回复意见/u2338.png"/>
                          </div>
                        </div>
                      </div>

                      <!-- Unnamed (组合 ) -->
                      <div id="u4123" class="ax_default" data-left="258" data-top="414" data-width="138" data-height="40">

                        <!-- Unnamed (矩形) -->
                        <div id="u4124" class="ax_default label">
                          <div id="u4124_div" class=""></div>
                          <div id="u4124_text" class="text ">
                            <p><span>监管介入中</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (组合 ) -->
                        <div id="u4125" class="ax_default" data-left="258" data-top="414" data-width="138" data-height="12">

                          <!-- Unnamed (椭圆形) -->
                          <div id="u4126" class="ax_default ellipse">
                            <img id="u4126_img" class="img " src="images/04_01_03回复意见/u2350.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u4127" class="ax_default line">
                            <img id="u4127_img" class="img " src="images/04_01_03回复意见/u2351.png"/>
                          </div>

                          <!-- Unnamed (水平线) -->
                          <div id="u4128" class="ax_default line">
                            <img id="u4128_img" class="img " src="images/04_01_03回复意见/u2351.png"/>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (组合 ) -->
                    <div id="u4129" class="ax_default" data-left="89" data-top="483" data-width="197" data-height="51">

                      <!-- Unnamed (矩形) -->
                      <div id="u4130" class="ax_default label">
                        <div id="u4130_div" class=""></div>
                        <div id="u4130_text" class="text ">
                          <p><span style="color:#CCCCCC;">当前进度：</span><span style="color:#3385FF;">调解中</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u4131" class="ax_default label">
                        <div id="u4131_div" class=""></div>
                        <div id="u4131_text" class="text ">
                          <p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;color:#CCCCCC;">商家：</span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">已处理</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;color:#3385FF;">　　</span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';font-weight:400;color:#CCCCCC;">用户：</span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">已处理</span></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u4132" class="ax_default label">
                      <div id="u4132_div" class=""></div>
                      <div id="u4132_text" class="text ">
                        <p><span>提示：如果不和解，将进入三方调解阶段！</span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (热区) -->
                  <div id="u4133" class="ax_default">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u4134" class="ax_default" data-left="51" data-top="134" data-width="375" data-height="666">

        <!-- Unnamed (组合 ) -->
        <div id="u4135" class="ax_default" data-left="51" data-top="134" data-width="375" data-height="666">

          <!-- Unnamed (矩形) -->
          <div id="u4136" class="ax_default box_3">
            <div id="u4136_div" class=""></div>
          </div>

          <!-- Title (组合 ) -->
          <div id="u4137" class="ax_default" data-label="Title" data-left="212" data-top="175" data-width="53" data-height="16">

            <!-- Unnamed (矩形) -->
            <div id="u4138" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
              <div id="u4138_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u4139" class="ax_default _三级标题">
              <div id="u4139_div" class=""></div>
              <div id="u4139_text" class="text ">
                <p><span>投诉详情</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u4140" class="ax_default icon">
            <img id="u4140_img" class="img " src="images/02_诚信商家/u739.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u4141" class="ax_default box_1">
            <div id="u4141_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u4142" class="ax_default primary_button">
            <div id="u4142_div" class=""></div>
            <div id="u4142_text" class="text ">
              <p><span>回复</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (电池电量条 Black) -->

        <!-- Unnamed (组合 ) -->
        <div id="u4144" class="ax_default" data-left="6" data-top="7" data-width="363" data-height="16">

          <!-- Unnamed (矩形) -->
          <div id="u4145" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
            <div id="u4145_div" class=""></div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u4146" class="ax_default icon">
            <img id="u4146_img" class="img " src="images/01_首页_用户/u20.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u4147" class="ax_default icon">
            <img id="u4147_img" class="img " src="images/01_首页_用户/u21.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u4148" class="ax_default icon">
            <img id="u4148_img" class="img " src="images/01_首页_用户/u22.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u4149" class="ax_default label">
            <div id="u4149_div" class=""></div>
            <div id="u4149_text" class="text ">
              <p><span>5:27 AM</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u4150" class="ax_default label">
            <div id="u4150_div" class=""></div>
            <div id="u4150_text" class="text ">
              <p><span>100%</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- 处理完成 (组合 ) -->
      <div id="u4151" class="ax_default ax_default_hidden" data-label="处理完成" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (矩形) -->
        <div id="u4152" class="ax_default box_1">
          <div id="u4152_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4153" class="ax_default box_1">
          <div id="u4153_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4154" class="ax_default primary_button">
          <div id="u4154_div" class=""></div>
          <div id="u4154_text" class="text ">
            <p><span>提交</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4155" class="ax_default primary_button">
          <div id="u4155_div" class=""></div>
          <div id="u4155_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4156" class="ax_default _三级标题">
          <div id="u4156_div" class=""></div>
          <div id="u4156_text" class="text ">
            <p><span>结果说明</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4157" class="ax_default box_1">
          <div id="u4157_div" class=""></div>
        </div>

        <!-- Unnamed (多行文本框) -->
        <div id="u4158" class="ax_default text_area">
          <textarea id="u4158_input"></textarea>
        </div>
      </div>

      <!-- 不予受理 (组合 ) -->
      <div id="u4159" class="ax_default ax_default_hidden" data-label="不予受理" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (矩形) -->
        <div id="u4160" class="ax_default box_1">
          <div id="u4160_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4161" class="ax_default box_1">
          <div id="u4161_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4162" class="ax_default primary_button">
          <div id="u4162_div" class=""></div>
          <div id="u4162_text" class="text ">
            <p><span>提交</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4163" class="ax_default primary_button">
          <div id="u4163_div" class=""></div>
          <div id="u4163_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4164" class="ax_default _三级标题">
          <div id="u4164_div" class=""></div>
          <div id="u4164_text" class="text ">
            <p><span>不予受理原因</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4165" class="ax_default box_1">
          <div id="u4165_div" class=""></div>
        </div>

        <!-- Unnamed (多行文本框) -->
        <div id="u4166" class="ax_default text_area">
          <textarea id="u4166_input"></textarea>
        </div>
      </div>

      <!-- 诉转案 (组合 ) -->
      <div id="u4167" class="ax_default ax_default_hidden" data-label="诉转案" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (矩形) -->
        <div id="u4168" class="ax_default box_1">
          <div id="u4168_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4169" class="ax_default box_1">
          <div id="u4169_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4170" class="ax_default primary_button">
          <div id="u4170_div" class=""></div>
          <div id="u4170_text" class="text ">
            <p><span>提交</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4171" class="ax_default primary_button">
          <div id="u4171_div" class=""></div>
          <div id="u4171_text" class="text ">
            <p><span>取消</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4172" class="ax_default _三级标题">
          <div id="u4172_div" class=""></div>
          <div id="u4172_text" class="text ">
            <p><span>诉转案原因</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4173" class="ax_default box_1">
          <div id="u4173_div" class=""></div>
        </div>

        <!-- Unnamed (多行文本框) -->
        <div id="u4174" class="ax_default text_area">
          <textarea id="u4174_input"></textarea>
        </div>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u4175" class="ax_default" data-left="62" data-top="750" data-width="353" data-height="40">

        <!-- Unnamed (矩形) -->
        <div id="u4176" class="ax_default primary_button">
          <div id="u4176_div" class=""></div>
          <div id="u4176_text" class="text ">
            <p><span>处理完成</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4177" class="ax_default primary_button">
          <div id="u4177_div" class=""></div>
          <div id="u4177_text" class="text ">
            <p><span>不予受理</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u4178" class="ax_default primary_button">
          <div id="u4178_div" class=""></div>
          <div id="u4178_text" class="text ">
            <p><span>诉转案</span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
